.name {
  align-items: center;
  display: flex;
  & > :first-child {
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .tags {
    flex-shrink: 0;
    flex: 1;
  }
  :global(.ant-tag) {
    margin: 0;
    padding: 0 5px;
    transform-origin: right center;
    transform: scale(0.8);
    background-color: #fff;
  }
}

.mute-unread {
  background-color: #e66551;
  border-radius: 10px;
  box-shadow: 0px 0px 2px #999;
  display: block;
  height: 8px;
  position: absolute;
  right: -3px;
  top: -3px;
  width: 8px;
}
.mute {
  height: 18px;
  margin-top: 8px;
  width: 18px;
}
.current .mute {
  fill: #fff;
}
